<!DOCTYPE html/>
<html>
    <head>
        <title>Dark Heresy</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="include/css/mystyle.css" />
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="include/jquery/funcionesjquery.js"></script>
    </head>
    <body>
        <div class="header">
            <!-- Usuario -->
            <div id="userDiv">  
            	<div id="bgHeader"></div>                
                <img id="userIcon" class="icon-32 icon-topbar" src="images/icons/user.png" alt='user'/> 
                <a id="userName" class="text-topbar">Prueba</a>
                <img id="logoff" class="icon-32 icon-topbar" src="images/icons/logoff.png" alt='logoff'/>                              
	            <!-- Lista de acciones del usuario --> 
	            <div id="acciones">
	                <ul class="lista-acciones">
	                    <li class="lista-accion">
	                        <img class="icon-32" src="images/icons/options.png"  id="opt" alt='options'/>
	                        <a class="lista-accion-text">Opciones</a>
	                    </li>    
	                    <li class="lista-accion">
	                        <img class="icon-32" src="images/icons/archivoUser.png" id="file" alt='archive'/>
	                        <a class="lista-accion-text">Archivo</a>
	                    </li>
	                    <li class="lista-accion">
	                        <img class="icon-32" src="images/icons/social.png" id="modify" alt='social'/>
	                        <a class="lista-accion-text">Partidas</a>
	                    </li>    
	                    <li class="lista-accion">
	                        <img class="icon-32" src="images/icons/dice.png" id="dice" alt='dice'/>
	                        <a class="lista-accion-text">Master</a>
	                    </li> 
	                    <li class="lista-accion">
	                        <img class="icon-32" src="images/icons/nuevo.png" id="new" alt='nuevo'/>
	                        <a class="lista-accion-text">Nuevo</a>
	                    </li>
	                    <li class="lista-accion">
	                        <img class="icon-32" src="images/icons/people.png" id="ppl" alt='people'/>
	                        <a class="lista-accion-text">Gente</a>
	                    </li>
	                </ul>
	            </div><!-- FIN Lista de acciones del usuario --> 
	            <!-- Barra de busqueda -->
	            <div id="searchbox">
	                <form id="searchForm">
	                    <img class="inputText-Left" src="images/inputText-left-bg.png" alt='a'/>
	                    <img class="inputText-bg-search" src="images/inputText-center-bg.png" alt='a'/>
	                    <input id="search" class="search-btn" type="submit" value=" "/>
	                    <input class="inputText-center" type="text" id="searchText" value=""/>	                    
	                    <img class="inputText-right" src="images/inputText-right-bg.png"/>
	                    <img id="searchIconType" class="icon-32 icon-topbar icon-search" src="images/icons/archivoBusqueda.png"/>                 
	                </form>
	                <!-- Lista Buscar -->
	                <div id="searchTypeList">
	                    <ul class="TypeList">
	                        <li class="lista-tipo">
	                            <img class="icon-32" src="images/icons/archivoUser.png"/>
	                            <a class="lista-tipo-text">Archivo</a>
	                        </li>  
	                        <li class="lista-tipo">
	                            <img class="icon-32" src="images/icons/archivoFavorito.png"/>
	                            <a class="lista-tipo-text">Favoritos</a>
	                        </li> 
	                        <li class="lista-tipo">
	                            <img class="icon-32" src="images/icons/people.png"/>
	                            <a class="lista-tipo-text">Gente</a>
	                        </li> 
	                        <li class="lista-tipo">
	                            <img class="icon-32" src="images/icons/ayuda.png"/>
	                            <a class="lista-tipo-text">Ayuda</a>
	                        </li> 
	                    </ul>                            
	                </div><!-- FIN  Lista Buscar -->
	            </div><!-- FIN  Barra de busqueda -->
            </div> <!-- FIN Usuario -->
        </div>
        <!-- Cuerpo -->
        <div id="cBody">
        	<!-- Con que modifiques ficha.php y su CSS, los cambios se verán.
        	 Esto lo hacemos con includes, para luego hace un cambio dinámico entre todas las secciones
        		de la web -->
        	<?php include 'ficha.php';?>
        </div><!-- Fin Cuerpo -->
    </body>
</html>
